<template>
  <div id="app">
    <GanttIndex></GanttIndex>
  </div>
</template>

<script>
import GanttIndex from './pages/gantt-index.vue'

export default {
  name: 'App',
  components: {
    GanttIndex
  }
}
</script>

<style lang="scss">
#app{
  height: 100vh;
  padding: 50px;
}
  body {
    padding: 0;
    margin: 0;
  }
  div {
    box-sizing: border-box;
    user-select: none;
  }

  /*统一滚动条*/
  ::-webkit-scrollbar {
    width: 6px; /* 纵向滚动条*/
    height: 6px; /* 横向滚动条 */
  }

  /*定义滑块 内阴影*/
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 10px;
  }
</style>
